<div class="container mt-5">
  <h3 class="mb-4">购物车</h3>
  <div class="table-responsive">
    <table class="table table-bordered align-middle text-center">
      <thead class="table-light">
        <tr>
          <th>图片</th>
          <th>商品名</th>
          <th>单价</th>
          <th>数量</th>
          <th>操作</th>
          <th>小计</th>
        </tr>
      </thead>
      <tbody id="cart-table-body">
        <!-- JS 渲染 -->
      </tbody>
      <tfoot>
        <tr>
          <td colspan="5" class="text-end"><strong>总价：</strong></td>
          <td id="cart-total-price">￥0.00</td>
        </tr>
      </tfoot>
    </table>
  </div>
  <div class="d-flex justify-content-between mt-4">
    <a href="#/market" class="btn btn-outline-secondary">继续购物</a>
    <button class="btn btn-success">去结算</button>
  </div>
</div>
